<!--
        jQuery Mobile Boilerplate
        index.html
-->
<!doctype html>
<html>
    <head>
        <title> jQuery Mobile Boilerplate </title>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- jQuery Mobile CSS bits -->

        <!-- jQuery Mobile 1.0.1 or 1.1.0-->
        <!--        <link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />-->
        <!--        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />-->
        <link rel="stylesheet" href="css/jquery.mobile-1.1.0-rc.1.min.css"/>
        
        <!-- if you have a custom theme, add it here -->
<!--        <link rel="stylesheet"  href="themes/jQuery-Mobile-Boilerplate.css" />-->

        <!-- Custom css -->
        <link rel="stylesheet" href="css/custom.css" />

        <!-- Javascript includes -->

        <!-- jQuery 1.6.4 or 1.7.1-->
        <!--        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>-->
        <!--        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>-->
        <script src="js/jquery-1.7.1.js"></script>
        <script src="js/mobileinit.js"></script>
        <!--        <script src="/js/ios-orientationchange-fix.min.js"></script>-->

        <!-- jQuery Mobile 1.0.1 or 1.1.0-->
        <!--        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>-->
        <!--        <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>-->
        <script src="js/jquery.mobile-1.1.0-rc.1.js"></script>
        <script src="js/application.js"></script>
    </head> 
    <body> 
        <div data-role="page">

            <div data-role="header">
                <h1>jQuery Mobile Boilerplate 1.0</h1>
            </div>

            <div data-role="content">

                <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
                    <li data-role="list-divider">Snippet Pages</li>
                    <li><a href="snippets/buttons.html">Buttons</a></li>
                    <li><a href="snippets/grids.html">Grids</a></li>
                    <li><a href="snippets/collapsibles.html">Collapsible Boxes</a></li>
                    <li><a href="snippets/collapsible-sets.html">Collapsible Sets</a></li>
                    <li><a href="snippets/forms.html">Form Elements</a></li>
                    <li><a href="snippets/lists.html">List Views</a></li>
                </ul>

            </div>

            <div data-role="footer" data-theme="c">
                <p>&copy; 2012 - jQuery Mobile Boilerplate</p>
            </div>	

        </div>
    </body>
</html>